<!--  -->
<template>
  <div>
      <navbar class="category_navbar">
        <template v-slot:left><div class="category_left"></div></template>
        <template v-slot:center><div class="category_center">分类</div></template>
        <template v-slot:right></template>
      </navbar>
  </div>
</template>

<script>
import navbar from 'components/common/navbar/NavBar.vue'

export default {
  data () {
    return {
    }
  },
  components:{
    navbar
  }
}
</script>
  
<style  scoped>
  
  .category_left{
    position: relative;
  }
  .category_left::after{
    content: '';
    position: absolute;
    top: 14px;
    left: 28px;
    width: 15px;
    height: 15px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(45deg)
  }
</style>
